<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <title>mark</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="mark">
    <meta name="description" content="mark，爱自由，爱生活的打码青年。做自己喜欢做的事，自由，不受羁绊！">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="luuman">
    <meta name="version" content="6.0.3">
    <link rel="apple-touch-icon-precomposed" href="img/luuman.png">
    <link rel="shortcut icon" type="image/ico" href="img/favicon.png">

    <link rel="stylesheet" href="css/global.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <!-- <link rel="stylesheet" href="css/style.css"/> -->

    <!-- 低版本跳转 -->
    <!--[if lt IE 10]>
    <script>window.location.href="http://luuman.github.io/Works/PC/IE/";</script>
    <![endif]-->
</head>
<body>
    <div id="v4-pre-loaded">
        <div class="loading"></div>
    </div>
    <img src="img/logo-search.jpg" alt="luuman" style="visibility:hidden;position: absolute;top: 0;left: 0;">
    <a class="music-wrap" id="smohan-v4-music" rel="title-tip" data-music-hash="75ec5a824cfbd89d9b2383914fbe11dd" data-music-flag="Y" title="Glorious years - Beyond">
        <img src="img/music-wrap.jpg" alt="音乐播放器">
        <audio src="img/Dear friends-TRIPLANE.mp3" autoplay="autoplay"></audio>
        <span class="switch"><i></i>
        </span>
    </a>
    <a class="u-menu-btn" title="导航" rel="title-tip">
        <span>&nbsp;</span>
        <span>&nbsp;</span>
        <span>&nbsp;</span>
    </a>
    <div class="nav-mask">&nbsp;</div>
    <nav id="navgation">
        <div class="nav-wrapper">
            <ul class="nav">
                <li>
                    <a href="http://markma.tk/index.html">博客</a>
                </li>
                <li>
                    <a href="http://markma.tk/about/">留言</a>
                </li>
                <li>                  
    				<a href="http://markma.tk/gallery/">音乐相册</a>
                </li>
                <li>
                    <a href="http://markma.tk/archives/">我的时光机</a>
                </li>
            </ul>
            <span class="logo"></span>
        </div>
    </nav>
    <article id="smohan-v4-container">
        <section class="page1">

                <div class="banner-canvas" style="position: absolute; z-index: 1;top: 0;left:0;">
                    <canvas></canvas>
                </div>
                <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
                <script src="js/canvas/bootstrap.min.js"></script>
                <script src="js/canvas/ban.js"></script>
            <div class="grid-auto-wrapper page-init">
                <div class="inner tans">
                    <h1>2015，最简单的mark</h1>
                    <h3>Cruising In The Code Of Life</h3>
                    <div class="m-driver">
                        <div class="inner">
                            <span class="logo"></span>
                            <a href="http://markma.tk/" class="button" name="mark‘blog">进入博客</a>
                        </div>
                    </div>
                </div>
                <a class="next-page" id="next-page-for-init"></a>
            </div>
        </section>
        <section class="page2">
            <div class="grid-auto-wrapper">
                <div class="article-wrap">
                    <div class="m-phone shadow"></div>
                    <div class="m-phone blog">
                        <header>Latest Posts</header>
                        <div class="post-cover f-img-light-wrap">
                            <a href="http://markma.tk/Hexo/HEXO-Github-%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%B1%9E%E4%BA%8E%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2/">
                                <img src="img/1452153380.png" alt="Hexo建立个人博客"/>
                            </a>
                        </div>
                        <div class="post-item">
                            <ul>
                                <li>
                                    <a href="http://markma.tk/Hexo/HEXO-Github-%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%B1%9E%E4%BA%8E%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2/" title="Hexo建立个人博客" class="f-toe"  rel="title-tip">Hexo建立个人博客</a>
                                </li>
                                
                            </ul>
                        </div>
                        <a class="button" href="http://markma.tk/">进入博客</a>
                    </div>
                </div>
                <div class="about-wrap">
                    <div class="inner">
                        <div class="m-about">
                            <h1>关于</h1>
                            <p>
								mark
								<br/>
                                90后，毕业于一所不知名大学的机械专业。
                                <br/>
                                爱折腾，爱自由，但更爱编程。虽然并不是所读专业，但依然执着，沉迷于编程的乐趣中。
                                <br>因为这是爱好！</p>
                        </div>
                        <div class="m-time">
                            <div class="m-time-run" id="smohan-build-time">
                                <div class="line left"></div>
                                <div class="line right"></div>
                                <span>
                                    <i>16</i>
                                </span>
                                <span>
                                    <i>08</i>
                                </span>
                                <span>
                                    <i>01</i>
                                </span>
                                <span>
                                    <i>10</i>
                                </span>
                                <span>
                                    <i>00</i>
                                </span>
                                <span>
                                    <i>11</i>
                                </span>
                            </div>
                            <div class="m-time-run txt">
                                <span>年</span>
                                <span>个月</span>
                                <span>天</span>
                                <span>小时</span>
                                <span>分钟</span>
                                <span>秒</span>
                            </div>
                            <div class="m-time-start">从2015年12月21日9:00开始</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page3">
            <div class="grid-auto-wrapper">
                <div class="m-works-wrap">
                    <div class="m-text">
                        <div class="inner">
                            <h1>不忘 · 初心</h1>
                            <p>一切的创造，源于热爱...</p>
                            <p>回溯最初，在最简洁中传递情感，在代码里游弋人生...</p>
                            <a href="http://markma.tk/archives/" class="button">我的时光机</a>
                        </div>
                    </div>
                    <div class="m-driver">
                        <div class="m-phone shadow"></div>
                        <div class="m-phone works">
                            <header>Latest Works</header>
                            <div class="post-cover f-img-light-wrap">
                                <a href="http://markma.tk/archives/">
                                    <img src="img/1431799247.jpg" alt="我的时光机"/>
                                </a>
                            </div>
                            <div class="post-item">
                                <ul>
                                    <li>
                                        <a href="http://markma.tk/archives/" title="最近博文" class="f-toe"  rel="title-tip">最近博文</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page4">
            <div class="grid-auto-wrapper">
                <div class="m-contact-wrap">
                    <div class="m-driver">
                        <div class="inner">
                            <ul>
                                <li>
                                    <a href="http://weibo.com/mark900" title="关注mark的新浪微博">
                                        <i class="u-icon icon-weibo"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://wpa.qq.com/msgrd?v=3&uin=954373276&site=qq&menu=yes"  title="QQ交谈">
                                        <i class="u-icon icon-qq"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://github.com/markma" title="GitHub">
                                        <i class="u-icon icon-github"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="m-contact">
                        <div class="txt">
                            <p>
                                联系QQ：
                                <a href="http://wpa.qq.com/msgrd?v=3&uin=954373276&site=qq&menu=yes">954373276</a>
                            </p>
                            <p>
                                唯一网址：
                                <a href="http://markma.tk/">http://markma.tk/</a>
                            </p>
                            <p>
                                新浪微博：
                                <a href="http://weibo.com/mark900">http://weibo.com/mark900</a>
                            </p>
                            <p>
                                电子邮箱：
                                <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=lK2hoKejp6ajotTl5br3_-k">954373276#qq.com</a>
                                或
                                <a href="mailto:ma-mark@outlook.com">ma-mark#outlook.com</a>
                                (#换为@)
                            </p>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page5">
            <div class="grid-auto-wrapper">
                <div class="m-link-wrap">
                    <div class="inner">
                        <div class="u-qr-code"></div>
                        <div class="links">
                            <ul>
                                <li>
                                    <a href="http://luuman.github.io/about/" class="f-toe">感谢luuman的spfk主题</a>
                                </li>
                            </ul>
                        </div>
                        <div class="copyright">
                            <!-- Copyright © 2012-2016 mark. All Rights Reserved. --> </div>
                    </div>
                </div>
            </div>
        </section>
    </article>
    <script src="js/jquery.js"></script>
    <script src="js/luuman.scrollPage.min.js"></script>
    <script src="js/index.min.js"></script>
    <!--     <div style="display: none;">
    <script src="js/z_stat.php" language="JavaScript"></script>
    </div>
    -->
</body>
</html>